.footer {
  width: 100%;
  padding: 40px 0 32px;
  background: #242e42;
  min-height: 100%;
  .footer-wrap {
    width: 100%;
    max-width: 1200px;
    align-items: stretch;
    padding-bottom: 24px;
    border-bottom: 1px solid #ffffff1a;
    margin-bottom: 24px;
    .footer-wrap-left {
      width: 208px;
      border-right: 1px solid #ffffff1a;
      padding-right: 8px;
      margin-right: 80px;
      .footer-logo {
        height: 32px;
        width: auto;
        display: block;
        margin-bottom: 24px;
      }
      .footer-infomation-ul {
        .footer-infomation-li {
          margin-bottom: 8px;
          .title {
            color: #ffffff;
            font-family: 'PingFang SC';
            font-size: 12px;
            font-weight: 400;
            margin-bottom: 4px;
          }
          .desc {
            color: #ffffffcc;
            font-family: 'PingFang SC';
            font-size: 12px;
            font-weight: 400;
          }
        }
      }
    }
    .footer-wrap-right {
      flex: 1;
      .right-title {
        color: #ffffff;
        font-family: 'PingFang SC';
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 32px;
      }
      .right-nav {
        color: #ffffffcc;
        font-family: 'PingFang SC';
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 12px;
        &:last-child {
          margin-bottom: 0;
        }
      }
      .wechat-info {
        height: 100%;
        .right-title {
          color: #ffffff;
          font-family: 'PingFang SC';
          font-size: 16px;
          font-weight: 500;
          margin-bottom: 32px;
        }
        .qrcode-wrap {
          .wrap-item {
            .wrap-item-title {
              color: #ffffffcc;
              font-size: 12px;
              margin-top: 6px;
            }
            .qrcode-img {
              height: 80px;
              width: 80px;
              object-fit: cover;
            }
          }
        }
      }
    }
  }
  .record-tips {
    p {
      color: #ffffff66;
      text-align: center;
      font-family: 'PingFang SC';
      font-size: 12px;
      font-weight: 400;
    }
  }
}

@media screen and (max-width: 1200px) {
  .footer {
    padding: 20px 0 16px;
    .footer-wrap {
      max-width: 992px;
      padding-bottom: 12px;
      margin-bottom: 12px;
      .footer-wrap-left {
        width: 188px;
        padding-right: 4px;
        margin-right: 40px;
        .footer-logo {
          height: 22px;
          margin-bottom: 12px;
        }

        .footer-infomation-ul {
          .footer-infomation-li {
            margin-bottom: 4px;
            .title {
              margin-bottom: 2px;
            }

            .desc {
            }
          }
        }
      }

      .footer-wrap-right {
        .right-title {
          font-size: 14px;
          margin-bottom: 16px;
        }

        .right-nav {
          font-size: 12px;
          margin-bottom: 6px;
        }

        .wechat-info {
          .right-title {
            font-size: 14px;
            margin-bottom: 16px;
          }
          .qrcode-wrap {
            .qrcode-img {
              width: 60px;
            }
          }
        }
        .footer-wrap-right-item {
          margin-bottom: 16px;
        }
      }
    }

    .record-tips {
    }
  }
}
@media screen and (max-width: 992px) {
  .footer {
    padding: 20px 0 16px;
    .footer-wrap {
      max-width: 768px;
      padding-bottom: 12px;
      margin-bottom: 12px;
      .footer-wrap-left {
        width: 188px;
        padding-right: 4px;
        margin-right: 40px;
        .footer-logo {
          height: 22px;
          margin-bottom: 12px;
        }

        .footer-infomation-ul {
          .footer-infomation-li {
            margin-bottom: 4px;
            .title {
              margin-bottom: 2px;
            }

            .desc {
            }
          }
        }
      }

      .footer-wrap-right {
        .right-title {
          font-size: 14px;
          margin-bottom: 16px;
        }

        .right-nav {
          font-size: 12px;
          margin-bottom: 6px;
        }

        .wechat-info {
          .right-title {
            font-size: 14px;
            margin-bottom: 16px;
          }
          .qrcode-wrap {
            .qrcode-img {
              width: 60px;
            }
          }
        }
      }
    }

    .record-tips {
    }
  }
}
